<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/title.css">
    <link rel="stylesheet" href="css/nav.css">
    <title>消息中心</title>
    <style>
    #profile_root
{
    border: solid 2px;
    width: 15%;
    height: 624px;
    display: inline-block;
    padding: 0px;
    vertical-align: top;
}
#profile_root li
{
    list-style-type:none;
    margin-left: 0px;
    /* border-left: 4px solid #1890ff; */
}
#profile_root li:hover
{
    background-color: rgba(53, 51, 51, 0.244);
}
#profile_edit
{
    display: inline-block;
    border: solid 2px;
    height: 624px;
    width: 80%;
    vertical-align: top;
}
#profile_edit #title #edit_btn
{
    float: right;
}
#content
{
    display : inline-block;
    border : solid 2px;
    width : 1000px;
    height : 800px;
}
#content li
{
    list-style-type : none;
    border : solid 2px;
    margin-top: 10px;
}
#content li:hover
{
    background-color: orange;
}
#bg
{
    background-image: url("img/9.jpg");
}
    </style>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js/message.js"></script>
    <!-- <script src="js/nav.js"></script> -->
</head>
<body>
    <div class="nav">
        <a href="index.html" class="para-a">
          <img src="img/logo.png"/>
          学生接单平台
        </a>
        <a href="user.html" class="common-a">用户中心</a>
        <a href="task/task_list.html" class="common-a">任务中心</a>
        <a href="bussiness.html" class="common-a">发布任务</a>
        <a href="collect.html" class="common-a">我的收藏</a>
        <div class="now">
            <a href="message.html" class="special-a">消息中心</a>
            <div class="buttom"></div>
        </div>
        <a href="money.html" class="common-a">资金账户</a>
        <a href="enterExam.html" class="common-a">入站考试</a>
        <a href="vs.html" class="common-a">自主大赛</a>
        <a href="student_opensource.html" class="common-a">开源项目</a>
        <a href="login.html" class="common-a">登陆注册</a>
        <a href="donate.html" class="common-a">捐赠页面</a>
        <a href="web_owner_info.html" class="common-a">站长的话</a>
      </div> 
      <br><br>
    <audio src="audio/se_changeitem.wav"></audio>
    <div class="nav"></div>
    <h1>消息中心</h1>
    <!-- todo 添加背景图 -->
    <div id="bg">
    <ol id="profile_root">
        <li>回复我的</li>
        <li>我的消息</li>
        <li>私信存档</li>
        <!-- todo -->
        <li>自动回复</li>
        <li>系统通知{{:system_count}}</li>
    </ol>
    <div id="content">
        <ol>
            <li>测试</li>
            <li>测试</li>
            <li>测试</li>
            <li>测试</li>
            <li>测试</li>
            <li>测试</li>
            <li>测试</li>
        </ol>
    </div>
</div>
</body>
</html>